<!-- 随笔 -->

{{ extend '../app_layout/blog_set_layout.html'}}

{{block 'blog_set_layout_css'}}
    <link rel="stylesheet" href="../../css/blog_set/blog_set_set.css">
{{/block}}

<!-- 左边的操作 -->
{{block 'blog_set_layout_opa'}}
    <div class="opa-wrap">
        <div class="opa-content">
            <h3 class="opa-title">常用操作</h3>
            <ul>
                <li><a href="/blogsd?setId=0">修改个人信息</a></li>
            </ul>
        </div>
    </div>
{{/block}}
<!-- 右边的内容区域 -->
{{block 'blog_set_layout_content'}}
<div class="content">
    <div class="blog-info-set opa-s">
        <div class="type-title clearFix" id="b" title="点击收起">
            <p>博客登陆信息设置</p>
            <img src="/imgs/more-img.png">
        </div>
        <div class="info-set-content">
            <div class="set-content">
                <div class="i">
                    <div class="top clearFix">
                        <span>登陆用户名</span>
                        <p class="change-btn" id="changeUN">修改</p>
                        <p class="reject-btn">取消</p>
                        <a href="javascript:;" id="userName">{{data.userName}}</a>
                    </div>
                    <div class="bottom name">
                        <div>
                            <p class="ti"></p>
                            <label>新用户名:</label>
                            <input type="text" id="newUserName" placeholder="请输入您的新用户名">
                            <span>*3-6个字符</span>
                        </div>
                        
                    </div>
                </div>
                <div class="i">
                    <div class="top clearFix">
                        <span>作者名字</span>
                        <p class="change-btn" id="changeAN">修改</p>
                        <p class="reject-btn">取消</p>
                        <a href="javascript:;" id="authName">{{data.authName}}</a>
                    </div>
                    <div class="bottom name">
                        <div>
                            <p class="ti"></p>
                            <label>新作者名:</label>
                            <input type="text" id="newAuthName" placeholder="请输入作者名">
                            <span>*3-6个字符</span>
                        </div>
                        
                    </div>
                </div>
                <div class="i">
                    <div class="top clearFix">
                        <span>密码</span>
                        <p class="change-btn" id="changeP">修改</p>
                        <p class="reject-btn">取消</p>
                        <a href="javascript:;" id="paw">******</a>
                    </div>
                    <div class="bottom name">
                        <div>
                            <p class="ti"></p>
                            <label>旧密码:</label>
                            <input type="password" id="oldPaw" placeholder="请输入您的旧密码">
                        </div>
                        <div>
                            <label>新密码:</label>
                            <input type="password" id="newPaw" placeholder="请输入您的新密码">
                            <span>*6-12个字符</span>
                        </div>
                        <div>
                            <label>确认密码:</label>
                            <input type="password" id="oneNewPaw" placeholder="请确认您的密码">
                        </div>
                    </div>
                </div>
                <div class="i">
                    <div class="top clearFix">
                        <span>邮箱</span>
                        <p class="change-btn" id="changeE">修改</p>
                        <p class="reject-btn">取消</p>
                        <a href="javascript:;" id="email">{{data.email}}</a>
                    </div>
                    <div class="bottom name">
                        <div>
                            <p class="ti"></p>
                            <label>登陆密码:</label>
                            <input type="password" id="emailPaw" placeholder="请输入您的博客登陆密码">
                            <span>*需要提供博登陆客密码才能修改</span>
                        </div>
                        <div>
                            <label>新邮箱:</label>
                            <input type="text" id="newEmail" placeholder="请输入您的新邮箱">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="blog-style-set opa-s">
        <div class="type-title clearFix" id="s" title="点击收起">
            <p>博客页面自定义</p>
            <img src="/imgs/more-img.png">
        </div>
        <div class="info-set-content">
            <div class="set-content">
                <div class="i">
                    <div class="top clearFix">
                        <span>自定义CSS</span>
                        <p id="change-css-btn">修改</p>
                    </div>
                    <div class="bottom">
                        <textarea name="" id="" cols="30" rows="10">{{data.cssStyle}}</textarea>
                    </div>
                </div>
                <div class="i">
                    <div class="top clearFix">
                        <span>博客侧边栏公告 (支持HTML代码)</span>
                        <p id="change-html-btn">修改</p>
                        <a href="">申请js代码</a>
                    </div>
                    <div class="bottom">
                        <textarea name="" id="" cols="30" rows="10">{{data.gHtml}}</textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{/block}}

<!-- 留坑 js -->
{{block 'blog_set_layout_js'}}
    <script src="/js/jq/jquery-1.10.1.js"></script>
    <script src="/js/blog_set/blog_set_set.js"></script>
{{/block}}
                       